<template>
	<div class="details-commondity-info mt16">
		<div>
			<div class="details-commondity-info-title">{{title}}</div>
			<p class="details-commondity-info-content">{{{content}}}</p>
		</div>
	</div>
</template>

<style lang="scss">

@import '../../assets/css/_variables.scss';
@import '../../assets/css/_functions.scss';

	.details-commondity-info{
		padding-bottom: rem(48);
		background: $_fff;
		.details-commondity-info-title {
			line-height: rem(42);
			border-bottom: 1px solid $_eee;
			padding-left: rem(15);
			font-size: rem(14);
		}
		.details-commondity-info-content {
			font-size: rem(14);
			padding: rem(10) rem(14);
			line-height: rem(24);
			text-indent: 2rem;
			p {
				overflow: hidden;
				img {
					width: 100%;
				}
			}
		}
	}

</style>
<script>
	export default{
		data () {
			return {
				title: '商品详情',
				content: '数据请求中...'				
			}	
		},
		events: {
			detailsCommodityInfo: function ( msg ) {
				this.content = msg;
			}
		}
	}
</script>